{% extends "wx/table.html" %}



{% block extra_head %}
<style>
    .this-item{
        display: flex;
        width: 100vw;
        padding: 1em;
        padding-left: 2em;
        align-items: center;
    }
    .this-item:nth-child(odd){
        background-color: white;
    }
    .this-item .name{
        padding-left: 3em;
    }
</style>
{% endblock %}

{% block item_view %}

<div class="this-item flex" v-for="row in rows" @click="ge_edit(row.pk)">
    <img :src="row.head" alt="" style="width: 3em;height: 3em;"/>
    <span class="name flex-grow" v-text="row.baseinfo"></span>
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
</div>

{% endblock%}